import React from "react";
import styles from "./index.less"

interface PersonalInformationProps {
    showOrHiddenPersonalInformation: boolean
}

const PersonalInformation: React.FC<PersonalInformationProps> = (props) => {
    const initWorkInfo = () => {
        let infoArray = [{
            year: "2019.06 ~ 2021.06 纳才(深圳)信息科技有限公司（创业）",
            content: "负责承兑商后台管理系统的研发，以及日常运营问题的处理"
        },
            {
                year: "2021.07 ~ 2022.06 成都软通动力信息技术服务有限公司(前端开发工程师)",
                content: "参与任务中心oa（pc+h5）系统和低代码表单系统重构，新技术预研，负责日常跨部门对接工作"
            }, {
                year: "2022.08 ~ 2023.03 启明星辰信息技术集团股份有限公司(高级开发工程师)",
                content: "负责dbmasking数据脱敏系统开发、负责dsmp3.0数据分类分级迭代开发、前场工作日常维护"
            }, {
                year: "2023.03 ~ 2023.08 中国电子-中电九天智能科技有限公司(前端开发工程师)",
                content: "负责前端技术选型、技术栈切换、培养新人、制定培养计划、指导初中级前端工程师日常开发工作和代码审核"
            },
            {
                year: "2023.08 ~ 至今 跨境电商(创业)",
                content: "负责sku的采集、开发、店铺授权、商品推送等功能的研发。运维维护跨境网店"
            }]
        let temNodeArray: Array<React.ReactNode> = [];
        infoArray.forEach(item => {
            temNodeArray.push(
                <li>
                    <div className={styles["year"]}>{item.year}</div>
                    <div>{item.content}</div>
                </li>
            )
        })
        return temNodeArray;
    }
    return (
        <div
            className={`${styles["container"]} ${styles[props.showOrHiddenPersonalInformation ? "show-container" : ""]}`}>
            <div className={styles["work-experience-title"]}><span className={"iconfont icon-gongzuojingli"}></span>工作经历
            </div>
            <ul>
                {initWorkInfo()}
            </ul>
        </div>
    )
}
export default PersonalInformation;